<template>
	<view class="noticeLayout">
		<view class="title">
			<view class="tag" >
				<uni-tag inverted text="置顶" type="error" />
			</view>
			<view class="font">欢迎使用小秋壁纸，在这里你可以预览你喜欢的精美景德镇壁纸。</view>			
		</view>
		
		<view class="info">
			<view class="item">初言-秋</view>					
			<view class="item">
				<uni-dateformat :date="Date.now()" format="yyyy-MM-dd hh:mm:ss"></uni-dateformat>
			</view>	
		</view>
		
		
		<view class="content">	
		    扫码关注我的B站账号“初言-秋”，欢迎投稿你心目中的美丽景德镇和美丽景德镇陶瓷大学哦。
			
			<view class="image-container">
			        <image 
			          src="/static/images/bilibili-code.png"
			          mode="aspectFit" 
			          class="content-image"
			        ></image>
			</view>
			
			另外我也是陶大里爱好剪辑的一枚大学生，分享剪辑视频及动态，感谢关注呀！
		</view>
		
		<view class="count">
			阅读	 5588
		</view>
	</view>
</template>

<script setup>
import {onShareAppMessage,onShareTimeline} from "@dcloudio/uni-app";

//分享给好友
onShareAppMessage((e)=>{
	return {
		title:"小秋壁纸，好看的手机壁纸",
		path:"/pages/index/index"
	}
})

//分享朋友圈
onShareTimeline(()=>{
	return {
		title:"小秋壁纸，好看的手机壁纸"
	}
})
</script>

<style lang="scss" scoped>
.noticeLayout{
	padding:30rpx;
		.title{
			font-size: 40rpx;
			color:#111;
			line-height: 1.6em;
			padding-bottom:30rpx;
			display: flex;
			.tag{
				transform: scale(0.8);
				transform-origin: left center;
				flex-shrink: 0;	
			}
			.font{
				padding-left:6rpx;
			}
		}
		.info{
			display: flex;
			align-items: center;
			color:#999;
			font-size: 28rpx;
			.item{
				padding-right: 20rpx;
			}
		}
		.content{
			padding:50rpx 0;
		}
		.count{
			color:#999;
			font-size: 28rpx;
		}
}
</style>
